<template>
  <div>
    <!-- 抽奖设置 -->
    <my-breadcrumb :items="['抽奖设置', '抽奖设置']"/>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="榜单获取" name="getList">
        <get-list></get-list>
      </el-tab-pane>
      <el-tab-pane label="签到获取" name="getCheckIn">
        <get-check-in></get-check-in>
      </el-tab-pane>
      <el-tab-pane label="banner设置" name="bannerSetting">
        <banner-setting></banner-setting>
      </el-tab-pane>
      <el-tab-pane label="活动说明" name="eventDescription">
        <event-description></event-description>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import GetList from './components/GetList'
import GetCheckIn from './components/GetCheckIn'
import BannerSetting from './components/BannerSetting'
import EventDescription from './components/EventDescription'
export default {
  name: 'lotterySetting',
  data () {
    return {
      activeName: 'getList'
    }
  },
  methods: {
    handleClick (tab, event) {
      // console.log(tab, event)
    }
  },
  components: {
    GetList,
    GetCheckIn,
    BannerSetting,
    EventDescription
  }
}
</script>
<style scoped>
@import "../../assets/css/style.css";
</style>
